<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./plugins/jquery-3.3.1.min.js"></script>
    <script src="generator.js"></script>
    <script src="data.js"></script>
    <title>老婆生成器Random waifu generator</title>

    <!-- 优化一下移动端展示效果 -->
    <!-- https://www.bootstrapcdn.com/ -->
    <link rel="stylesheet" href="plugins/bootstrap/4.1.3/css/bootstrap.min.css" />

</head>

<body class="container">
    <h1 style="margin:30px 0px 10px 0px;">老婆生成器v0.2LTS</h1>
    <div class="form-group" style="text-align:right;">
        <a href="https://adnmb.com/t/15788691">讨论地址</a>
        <a href="https://github.com/reed-chan/Random-waifu-generater">Source</a>
    </div>
    <div class="table-responsive">
    <table id="wifeTable" class="table table-hover">
        <caption style="word-break:keep-all">你的第0个老婆</caption>
        <tr>
            <td id="heightText">身高</td>
            <td id="height">--</td>
        </tr>
        <tr>
            <td id="weightText">体重</td>
            <td id="weight">--</td>
        </tr>
        <tr>
            <td id="cupsizeText">CUP</td>
            <td id="cupsize">--</td>
        </tr>
        <tr>
            <td id="skinText">肤色</td>
            <td id="skin">--</td>
        </tr>
        <!-- <tr>
            <td id="ageText">年龄</td>
            <td id="age">--</td>
        </tr> -->
        <tr>
            <td id="hairstyleText">发型</td>
            <td id="hairstyle">--</td>
        </tr>
        <tr>
            <td id="hairColorText">发色</td>
            <td id="hairColor">--</td>
        </tr>
        <tr>
            <td id="eyeColorText">瞳色</td>
            <td id="eyeColor">--</td>
        </tr>
        <tr>
            <td id="attributeText">属性</td>
            <td id="attribute">--</td>
        </tr>
        <tr>
            <td id="characterText">性格</td>
            <td id="character">--</td>
        </tr>

    </table>
    
    <div class="form-group" style="text-align:center;">
        <button type="button" onclick="startGenerator()" class="btn btn-primary btn-lg">一键生成老婆</button>
        <button id="removeWivesBtn" type="button" onclick="onKillWivesPressed()" class="btn btn-primary btn-lg">清除所有老婆</button>
    </div>
    <div id="exWives">
		<h2>前妻列表</h2>
		<table id="exWivesTable" class="table table-hover exWivesTable"></table>
    </div>
    </div>
</body>

<style>
	#wifeTable tr > td {
		width: 50%;
	}
</style>

</html>
